// 每个页面公共css
body {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
a {
  text-decoration: none;
}
image,
img {
  max-width: 100%;
  vertical-align: top;
}
view,
div {
  word-break: break-all;
}
.pointer {
  cursor: pointer;
}
.text-e1 {
  .text-e(1);
}
.text-e2 {
  .text-e(2);
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-x {
  display: flex;
  flex-direction: row;
}
.flex-y {
  display: flex;
  flex-direction: column;
}
.flex-x-start {
  justify-content: flex-start;
}
.flex-x-center {
  justify-content: center;
}
.flex-x-end {
  justify-content: flex-end;
}
.flex-x-between {
  justify-content: space-between;
}
.flex-x-around {
  justify-content: space-around;
}
.flex-y-start {
  align-items: flex-start;
}
.flex-y-center {
  align-items: center;
}
.flex-y-end {
  align-items: flex-end;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}

.fz100 {
  font-size: 100rpx;
}
.fz80 {
  font-size: 80rpx;
}
.fz76 {
  font-size: 76rpx;
}
.fz64 {
  font-size: 64rpx;
}
.fz60 {
  font-size: 60rpx;
}
.fz56 {
  font-size: 56rpx;
}
.fz50 {
  font-size: 50rpx;
}
.fz48 {
  font-size: 48rpx;
}
.fz46 {
  font-size: 46rpx;
}
.fz44 {
  font-size: 44rpx;
}
.fz40 {
  font-size: 40rpx;
}
.fz38 {
  font-size: 38rpx;
}
.fz36 {
  font-size: 36rpx;
}
.fz34 {
  font-size: 34rpx;
}
.fz32 {
  font-size: 32rpx;
}
.fz30 {
  font-size: 30rpx;
}
.fz28 {
  font-size: 28rpx;
}
.fz26 {
  font-size: 26rpx;
}
.fz24 {
  font-size: 24rpx;
}
.fz20 {
  font-size: 20rpx;
}
.fz16 {
  font-size: 16rpx;
}

.bold {
  font-weight: 700;
}
.bold500 {
  font-weight: 500;
}
.pt10 {
  padding-top: 10rpx;
}
.pt15 {
  padding-top: 15rpx;
}
.pt20 {
  padding-top: 20rpx;
}
.pt30 {
  padding-top: 30rpx;
}
.pt40 {
  padding-top: 40rpx;
}
.pt50 {
  padding-top: 50rpx;
}
.pb10 {
  padding-bottom: 10rpx;
}
.pb20 {
  padding-bottom: 20rpx;
}
.pb30 {
  padding-bottom: 30rpx;
}
.pb40 {
  padding-bottom: 40rpx;
}
.pb50 {
  padding-bottom: 50rpx;
}
.mt10 {
  margin-top: 10rpx;
}
.mt20 {
  margin-top: 20rpx;
}
.mt30 {
  margin-top: 30rpx;
}
.mt40 {
  margin-top: 40rpx;
}
.mt50 {
  margin-top: 50rpx;
}
.mt60 {
  margin-top: 60rpx;
}
.mt70 {
  margin-top: 70rpx;
}
.mt80 {
  margin-top: 80rpx;
}
.mt100 {
  margin-top: 100rpx;
}
.mb10 {
  margin-bottom: 10rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.mb40 {
  margin-bottom: 40rpx;
}
.mb50 {
  margin-bottom: 50rpx;
}
.mb60 {
  margin-bottom: 60rpx;
}
.ml5 {
  margin-left: 5rpx;
}
.ml10 {
  margin-left: 10rpx;
}
.ml20 {
  margin-left: 20rpx;
}
.ml30 {
  margin-left: 30rpx;
}
.ml40 {
  margin-left: 40rpx;
}
.ml50 {
  margin-left: 50rpx;
}
.ml60 {
  margin-left: 60rpx;
}
.mr10 {
  margin-right: 10rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr30 {
  margin-right: 30rpx;
}
.mr40 {
  margin-right: 40rpx;
}
.mr50 {
  margin-right: 50rpx;
}
.mr60 {
  margin-right: 60rpx;
}

.bdr4 {
  border-radius: 4rpx;
}
.bdr8 {
  border-radius: 8rpx;
}
.bdr10 {
  border-radius: 10rpx;
}
.bdr12 {
  border-radius: 12rpx;
}
.bdr16 {
  border-radius: 16rpx;
}
.bdr20 {
  border-radius: 20rpx;
}
.bdr30 {
  border-radius: 30rpx;
}
.bdr-circle {
  border-radius: 50%;
}

.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.t-j {
  text-align: justify;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.opacity30 {
  opacity: 0.3;
}
.opacity60 {
  opacity: 0.6;
}
.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
}
.anim {
  transition: all 0.5s ease-in-out;
}

.gray3 {
  color: @gray3;
}
.gray6 {
  color: @gray6;
}
.gray9 {
  color: @gray9;
}
.green {
  color: @green !important;
}
.red {
  color: @red !important;
}
.yellow {
  color: @yellow !important;
}
.blue {
  color: @blue !important;
}
.orange {
  color: @orange !important;
}
.gray {
  color: @gray !important;
}
.fff {
  color: #fff !important;
}

.bg-white {
  background: #fff !important;
}
.bg-yellow {
  background: @bg-yellow !important;
}
.bg-red {
  background: @red !important;
}
.bg-green {
  background: @green !important;
}
.bg-blue {
  background: @blue !important;
}
.bg-gray {
  background: @gray !important;
}
.bg-gray9 {
  background: @gray9 !important;
}

.btn-yellow {
  background: @yellow !important;
}
.btn-green {
  background: @green !important;
}
.btn-orange {
  background: @orange !important;
}

.header {
  padding: 35rpx 20px;
  line-height: 45rpx;
}

.placeholder {
  color: #ddd;
}

.popup {
  position: relative;
  width: 600rpx;
  .popup-close {
    position: absolute;
    top: 30rpx;
    right: 20rpx;
  }
  .tit {
    line-height: 100rpx;
  }
  .item {
    padding: 0 25rpx;
  }
  .btn-box {
    line-height: 100rpx;
  }
}

.scale-in-out {
  -webkit-animation: scale-in-out 2s ease-in-out 0s infinite;
  animation: scale-in-out 2s ease-in-out 0s infinite;
}

@-webkit-keyframes scale-in-out {
  0% {
    -webkit-transform: scale(1.2);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes scale-in-out {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.2);
  }
}

page,
body {
  background: @bg;
}

.content {
  max-width: 750rpx;
  margin: 0 auto;
  line-height: 1;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.icon {
  display: inline-block;
  line-height: 1;
}

.btn-box {
  uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: @main-theme-color;
  }
  uni-checkbox svg {
    color: @main-theme-color;
  }
  uni-checkbox path {
    // fill: @yellow;
    fill: @main-theme-color;
  }
  .btn[disabled]:not([type]) {
    opacity: 0.5;
  }
  .btn0 {
    border-radius: 0;
    &::after {
      border-radius: 0;
    }
  }
}

.no-data {
  padding: 200rpx 0;
  .img {
    width: 300rpx;
    height: 300rpx;
  }
}
